﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>e-log</title>
		<link rel="stylesheet" type="text/css" href="js/lib/jquery-easyui-v1.5.1/themes/bootstrap/easyui.css">
		<link rel="stylesheet" type="text/css" href="js/lib/jquery-easyui-v1.5.1/themes/icon.css">
		<script type="text/javascript" src="js/lib/jquery-easyui-v1.5.1/jquery.min.js"></script>
		<script type="text/javascript" src="js/lib/jquery-easyui-v1.5.1/jquery.easyui.min.js"></script>
		<style type="text/css">
			.list-item {
				height: 40px;
				line-height: 40px;
				padding-left: 10px;
				font-size: 14px;
			}
			
			.list-item:hover {
				background: #ccc;
			}
		</style>
	</head>

	<body class="easyui-layout">
		<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;">
			<h2>Log</h2>
		</div>
		<div data-options="region:'west',split:true,title:'菜单'" style="width:200px;padding:10px;">
			<div class="easyui-accordion">
				<div title="日志记录">
                    <div class="easyui-data">
                        <div class="list-item" data-log="login" onclick="addNewTab(this)">登录日志</div>
                        <div class="list-item" data-log="function" onclick="addNewTab(this)">功能日志</div>
                        <div class="list-item" data-log="diagnosis" onclick="addNewTab(this)">诊断日志</div>
                    </div>
				</div>
			</div>
		</div>
		<div data-options="region:'center'">
			<div id="tabs" class="easyui-tabs" data-options="fit:true">
			</div>
		</div>
        <script src="js/index.js"></script>
	</body>

</html>